<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head lang="en">
<meta charset="UTF-8">
<title>编程课程在线学习平台</title>
<link href="../static/css/home.css" th:href="@{/css/home.css}" rel="stylesheet" type="text/css">
<link href="../static/css/head.css" th:href="@{/css/head.css}" rel="stylesheet" type="text/css">
<link href="../static/css/index.css" th:href="@{/css/index.css}" rel="stylesheet" type="text/css">

<script language="JavaScript" src="../static/lib/jquery/jquery-3.2.1.min.js"
        th:src="@{/lib/jquery/jquery-3.2.1.min.js}"></script>
<script language="JavaScript" src="../static/js/home/home.js" th:src="@{/js/home/home.js}"></script>
</head>


<body>
<header th:replace="head::head">
    <div class="main_header">
        <div class="log">
            <img src="../static/image/logo.png" th:src="@{/image/logo.png}">
            <div class="sign">
                <span>编程课程在线学习网站</span>
                <span>学不死,就往死里学</span>
            </div>
        </div>
        <div class="search">
            <form name="search" action="/interface/course/getByWord">
                <input type="search" name="word" placeholder="请在这里输入搜索信息">
                <input type="hidden" name="size" value="5">
                <input type="hidden" name="pageNum" value="0">
                <input type="submit">
            </form>
        </div>
        <div class="login">
            <span th:if="${session.user == null ||session.user.userId == null}">
                <a href="/page/loginPage">登录</a>/<a href="/page/registerPage">注册</a>
            </span>
            <span th:unless="${session.user == null ||session.user.userId == null}">
                <a th:text="${session.user.loginName}"></a>
            </span>
            <div class="personal_msg">

            </div>
            <div class="customer_img">
                <img src="../image/TIM图片20171122194843.jpg">
            </div>
        </div>

        <div class="shopping">
            <span><a href="#">我的收藏</a></span>
        </div>


    </div>

</header>
<div class="main_content">

    <div class="carousel">
        <ul class="carousel_ul">
            <li style="display: list-item">
                <img src="../static/image/0.png" th:src="@{/image/0.png}">
            </li>
            <li>
                <img src="../static/image/1.jpg" th:src="@{/image/1.jpg}">
            </li>
            <li>
                <img src="../static/image/2.jpg" th:src="@{/image/2.jpg}">
            </li>
            <li>
                <img src="../static/image/3.jpg" th:src="@{/image/3.jpg}">
            </li>
            <li>
                <img src="../static/image/4.jpg" th:src="@{/image/4.jpg}">
            </li>
        </ul>
        <ul class="circle">
            <li style="background-color: white"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="container-type">
        <h3 class="types-title">
            <em>精</em>／<em>选</em>／<em>课</em>／<em>程</em>
        </h3>
    </div>
    <dd class="filter-item-wrap">
        <ul class="js-filter-item-list" data-center-name="精选热门课程推荐" data-row="0">
            <li class="js-filter-item filter-item current">
                <a href="/interface/course/getByCate?cateId=&pageNum=0&size=5">不限</a>
            </li>
            <li class="js-filter-item filter-item">
                <a href="/interface/course/getByCate?cateId=1&pageNum=0&size=5">前端开发</a>
            </li>
            <li class="js-filter-item filter-item">
                <a href="/interface/course/getByCate?cateId=2&pageNum=0&size=5">后台开发</a>
            </li>
            <li class="js-filter-item filter-item">
                <a href="/interface/course/getByCate?cateId=3&pageNum=0&size=5">数据库</a>
            </li>

        </ul>
    </dd>
    <div class="course-wrap">
        <ul class="course-card-list">
            <li class="course-item" th:each="course:${courses}">
                <a class="item-img-link" th:href="'/interface/course/getById/'+${course.courseId}">
                    <img class="item-img" th:src="${course.photoAddress}"/>
                </a>
                <h4 class="item-tt">
                    <a th:href="${course.videoAddress}" target="_blank" class="item-tt-link"
                       th:text="${course.courseName}"></a>
                </h4>
            </li>

        </ul>
    </div>
    <div class="footer idx-minwidth">
        <div class="container">

            <div class="footer-link">
                <a href="/index/companytrain" target="_blank" title="企业合作">企业合作</a>
                <a href="http://www.hgnc.net/" target="_blank">黄冈师范学院</a>
                <a href="https://gitee.com/jiangkang1997/education.git" target="_blank">代码托管</a>
                <a href="http://www.hgnc.net/" target="_blank"
                   title="友情链接">友情链接
                </a>
            </div>
            <div class="footer-copyright">
                <p>©&nbsp;2019&nbsp;&nbsp;&nbsp;www.608.com</p>
            </div>
        </div>
        <div class="">
            <div class="footer-sns clearfix">
                <img class="hgsf-logo-img" src="../static/image/hgsf.png" th:src="@{/image/hgsf.png}"/>
            </div>
        </div>
    </div>
</div>
</body>
</html>